<!doctype html>
<html lang="es">
<head>
<title>Tienda - Zonia</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<!-- <meta name="facebook-domain-verification" content="r5tgv1mk4q4zrgbp2cbb840i5nxq5p" /> -->
<meta name="facebook-domain-verification" content="8rwrxxit0aspgvis875p0gko5w74nh" />
<link href="https://fonts.cdnfonts.com/css/volte" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="https://credito.zonia.com.pe/tienda/assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/styles.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/animate.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/owl-carousel.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/lightbox.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/cookiealert.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/main_styles/jquery-ui.css" rel="stylesheet">
<link href="https://credito.zonia.com.pe/tienda/assets/css/sidebar.css" rel="stylesheet">
<!-- Custom styles for this template -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z777PTSDFD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-Z777PTSDFD');
</script>
-->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-N1ZS7XJDR8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-N1ZS7XJDR8');
</script>
</head>
<!-- IMPORTANTE -->
<body id="main_body" class="index layout4">
<div id="body-overlay"></div>
<div id="body-overlayBottom"></div>
<nav class="real-menu" role="navigation">
<div class="header-sidebar">
<h5><i class="material-icons">person</i></h5> <span class="close">×</span>
</div>
<nav>
<div class="nav nav-tabs w-100" id="nav-tab" role="tablist">
<a class="nav-item nav-link active w-50 text-center" id="nav-mujer-tab" data-toggle="tab" href="#nav-mujer" role="tab" aria-controls="nav-mujer" aria-selected="false">Mujer</a>
<!-- <a class="nav-item nav-link w-50 text-center" id="nav-hombre-tab" data-toggle="tab" href="#nav-hombre" role="tab" aria-controls="nav-hombre" aria-selected="true">Hombre</a> -->
<a class="nav-item nav-link w-50 text-center" target="_blank" href="https://www.herf.com.pe/">Hombre</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-mujer" role="tabpanel" aria-labelledby="nav-mujer-tab">
<ul class="list-group scroll_custom">
<li class="list-group-item border-0 ">
<a class="d-inline-block w-100 arrow-left" data-toggle="collapse" href="#dama-moda" role="button" aria-expanded="false" aria-controls="collapseExample">
Moda
</a>
<div class="collapse" id="dama-moda">
<ul class="list-group">
<li class="list-group-item border-0"><a href="javascript:fnbuscar('BIVIDI','dama')">BIVIDI</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('BLAZER','dama')">BLAZER</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('BLUSA','dama')">BLUSA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('BODY','dama')">BODY</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('BOMBER','dama')">BOMBER</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CAFARENA','dama')">CAFARENA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CARDIGAN','dama')">CARDIGAN</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CASACA','dama')">CASACA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CHALECO','dama')">CHALECO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CHAQUETA','dama')">CHAQUETA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CHOMPA','dama')">CHOMPA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CONJUNTO','dama')">CONJUNTO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CROP','dama')">CROP</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('ENTERIZO','dama')">ENTERIZO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('FALDA','dama')">FALDA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('JEAN','dama')">JEAN</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('JOGGER','dama')">JOGGER</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('LEGGING','dama')">LEGGING</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('PANTALON','dama')">PANTALON</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('PIJAMA','dama')">PIJAMA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('POLERA','dama')">POLERA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('POLO','dama')">POLO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('POLO BOX','dama')">POLO BOX</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('SACON','dama')">SACON</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('SALIDA PLAYERA','dama')">SALIDA PLAYERA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('SHORT','dama')">SHORT</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('STRAPLESS','dama')">STRAPLESS</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('TOP','dama')">TOP</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('VESTIDO','dama')">VESTIDO</a></li> </ul>
</div>
</li>
<li class="list-group-item border-0">
<a class="d-inline-block w-100 arrow-left" data-toggle="collapse" href="#dama-accesorios" role="button" aria-expanded="false" aria-controls="collapseExample">
Accesorios
</a>
<div class="collapse" id="dama-accesorios">
<ul class="list-group">
<li class="list-group-item border-0"><a href="javascript:fnbuscar('ACCESORIOS DE CABELLO','dama')">ACCESORIOS DE CABELLO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('BILLETERA','dama')">BILLETERA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CARTERA','dama')">CARTERA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('CORREA','dama')">CORREA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('JOYERIA','dama')">JOYERIA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('LENTES','dama')">LENTES</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('LLAVERO','dama')">LLAVERO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('MOCHILA','dama')">MOCHILA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('PASHMINA','dama')">PASHMINA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('RELOJ','dama')">RELOJ</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('RIÑONERA','dama')">RIÑONERA</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('SOMBREROS','dama')">SOMBREROS</a></li> </ul>
</div>
</li>
<li class="list-group-item border-0">
<a class="d-inline-block w-100 arrow-left" data-toggle="collapse" href="#dama-coleccion" role="button" aria-expanded="false" aria-controls="collapseExample">
BASICOS
</a>
<div class="collapse" id="dama-coleccion">
<ul class="list-group">
<li class="list-group-item border-0"><a href="javascript:fnbuscar('BASICOS','dama')">BASICOS</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('DENIM','dama')">DENIM</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('HILO','dama')">HILO</a></li><li class="list-group-item border-0"><a href="javascript:fnbuscar('LINEA','dama')">LINEA</a></li> </ul>
</div>
</li>
</ul>
</div>
<div class="tab-pane fade" id="nav-hombre" role="tabpanel" aria-labelledby="nav-hombre-tab">
<ul class="list-group">
<li class="list-group-item border-0">
<a class="d-inline-block w-100 arrow-left" data-toggle="collapse" href="#dama-moda" role="button" aria-expanded="false" aria-controls="collapseExample">
Moda
</a>
<div class="collapse" id="dama-moda">
<ul class="list-group">
</ul>
</div>
</li>
<li class="list-group-item border-0">
<a class="d-inline-block w-100 arrow-left" data-toggle="collapse" href="#dama-accesorios" role="button" aria-expanded="false" aria-controls="collapseExample">
Accesorios
</a>
<div class="collapse" id="dama-accesorios">
<ul class="list-group">
</ul>
</div>
</li>
</ul>
</div>
</div>
</nav>
<nav class="descripcion-bottombar" role="navigation">
<div class="header-sidebar">
<h5>Descripcion</h5> <span class="close">×</span>
</div>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</nav>
<!-- <button id="">Open menu</button> -->
<header class="header-area header-sticky text-center header1 header__login">
<div class="header-main-sticky">
<div class="header-main-head">
<a class="d-block w-100 bg-dark text-center text-white" href="https://credito.zonia.com.pe/tienda/">EnvÃo gratis por compras de s/250 a todo el Perú</a>
<div class="header-main position-relative">
<div class="w-100 px-1 px-md-5 py-1 py-md-3 d-flex justify-content-between">
<div class="header-menu-mobile d-block">
<div class="container-menu-desktop d-none d-md-flex">
<ul class="d-flex m-0 list-unstyled text-white cursor-pointer">
<li class="mr-3 text-uppercase position-relative option__menu_principal active" id="opmujer"><a href="javascript:fnopbuscar('dama','dama')">Mujer</a></li>
<li class="mr-3 text-uppercase position-relative option__menu_principal" id="ophombre"><a target="_blank" href="https://www.herf.com.pe/">Hombre</a></li>
</ul>
<nav class="row m-0 w-100 mt-1" id="contenedor_submenu">
<div class="nav" id="navtab_submenu" role="tablist">
<div class="contenedor__submenu">
<a class="nav-item nav-link p-1 position-relative " >MODA</a>
<div class="submenu__contenido w-100">
<div class="row">
<div class="col-12 col-md-4">
<ul class="list-group">
<li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BIVI','dama')">BIVIDI</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BLAZ','dama')">BLAZER</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BLUS','dama')">BLUSA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BODY','dama')">BODY</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BOMB','dama')">BOMBER</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CAFA','dama')">CAFARENA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CARD','dama')">CARDIGAN</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CASA','dama')">CASACA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CHAL','dama')">CHALECO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CHAQ','dama')">CHAQUETA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CHOM','dama')">CHOMPA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CONJ','dama')">CONJUNTO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CROP','dama')">CROP</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('ENTE','dama')">ENTERIZO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('FALD','dama')">FALDA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('JEAN','dama')">JEAN</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('JOGG','dama')">JOGGER</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('LEGG','dama')">LEGGING</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('PANT','dama')">PANTALON</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('PIJA','dama')">PIJAMA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('POLE','dama')">POLERA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('POLO','dama')">POLO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('POLO','dama')">POLO BOX</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('SACO','dama')">SACON</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('SALI','dama')">SALIDA PLAYERA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('SHOR','dama')">SHORT</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('STRA','dama')">STRAPLESS</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('TOP','dama')">TOP</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('VEST','dama')">VESTIDO</a></li>
</ul>
</div>
<div class="col-12 col-md-8 d-flex justify-content-end pr-5">
<img class="d-none d-md-block custom-heigth-submenu" src="https://credito.zonia.com.pe/tienda/assets/img/moda_exmp.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="contenedor__submenu">
<a class="nav-item nav-link p-1 position-relative" >ACCESORIOS</a>
<div class="submenu__contenido w-100">
<div class="row">
<div class="col-12 col-md-4">
<ul class="list-group">
<li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('ACCE','dama')">ACCESORIOS DE CABELLO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BILL','dama')">BILLETERA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CART','dama')">CARTERA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('CORR','dama')">CORREA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('JOYE','dama')">JOYERIA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('LENT','dama')">LENTES</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('LLAV','dama')">LLAVERO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('MOCH','dama')">MOCHILA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('PASH','dama')">PASHMINA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('RELO','dama')">RELOJ</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('RIÑ','dama')">RIÑONERA</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('SOMB','dama')">SOMBREROS</a></li>
</ul>
</div>
<div class="col-12 col-md-8 d-flex justify-content-end pr-5">
<img class="d-none d-md-block custom-heigth-submenu" src="https://credito.zonia.com.pe/tienda/assets/img/moda_exmp.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="contenedor__submenu">
<a class="nav-item nav-link p-1 position-relative " >BASICOS</a>
<div class="submenu__contenido w-100">
<div class="row">
<div class="col-12 col-md-4">
<ul class="list-group">
<li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('BASI','dama')">BASICOS</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('DENI','dama')">DENIM</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('HILO','dama')">HILO</a></li><li class="list-item text-left pl-5 uppercase__first"><a href="javascript:fnbuscar('HILO','dama')">HILO</a></li>
</ul>
</div>
<div class="col-12 col-md-8 d-flex justify-content-end pr-5">
<img class="d-none d-md-block custom-heigth-submenu" src="https://credito.zonia.com.pe/tienda/assets/img/moda_exmp.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- <div class="header-left float-left d-flex d-lg-flex d-md-block d-xs-block justify-content-center padding-img">
<div class="logo d-none">
<a href="/"><img src="https://credito.zonia.com.pe/tienda/assets/img/logo_zonia/letra_blanca.png" alt="NatureCircle"></a>
</div>
</div> -->
<div class="header-right w-100 d-flex d-xs-flex d-sm-flex
justify-content-between justify-content-md-end
float-right align-items-center m-0">
<div class="d-flex">
</div>
<div class="container-menu-mobile d-flex d-md-none ">
<i id="open-menu" class="material-icons text-black" style="font-size:30px">menu</i>
</div>
<form id="frmSearch" autocomplete="off" action="https://credito.zonia.com.pe/tienda/redes/searchProductByText" method="GET" class="search-form d-none">
<div class="autocomplete" style="width:300px;">
<input id="inputSearchProduct" type="text" name="searchText" placeholder="Busca aquÃ">
<input type="text" hidden name="inputSearchMacro" id="inputSearchMacro">
<button type="submit" id="btnSearchProduct"><i class="material-icons" style="color: black !important;">search</i></button>
</div>
</form>
<div class="cart-wrapper d-flex align-items-center justify-content-center">
<a class="mb-0 text-black d-flex flex-wrap align-items-center justify-content-center" id="btnLogUsu" href="#">
<img src="https://credito.zonia.com.pe/tienda/assets/img//logo_zonia/persona.png" style="width:24px; height:24px;" >
<p class="m-0 w-100 d-none d-md-block">Mi Cuenta</p>
</a>
</div>
<!--
<div class="user-info d-flex align-items-center container__btn-login">
<a href="<= base_url ?>lg/olg" class="mb-0 text-black d-flex flex-wrap align-items-center justify-content-center">
<img src="https://credito.zonia.com.pe/tienda/assets/img//logo_zonia/corazon.png" style="width:24px; height:24px;" >
<p class="m-0 w-100 d-none d-md-block">Favoritos</p>
</a>
</div>
-->
<div class="cart-wrapper mr-0 mr-md-1">
<button type="button" id="btnShowCartHder" class="btn mb-0 text-black d-flex flex-wrap align-items-center justify-content-center">
<img src="https://credito.zonia.com.pe/tienda/assets/img//logo_zonia/carrito.png" style="width:24px; height:24px;" >
<p class="m-0 w-100 d-none d-md-block">Bolsa</p>
<span class="ttcount" id="spanNumberItemsInCart">0</span>
</button>
<div id="cart-dropdown" class="cart-menu">
<ul class="w-100 float-left">
<li>
<table class="table table-striped">
<tbody id="tbodyCart">
<tr>
<td>No tienes productos agregados <i class="material-icons">
sentiment_dissatisfied
</i>
</td>
</tr>
</tbody>
</table>
</li>
<li>
<table class="table price mb-30">
<tbody>
<tr>
<td class="text-left"><strong>Total</strong></td>
<td class="text-right"><strong id="subtotalCart">S/0.00</strong></td>
</tr>
</tbody>
</table>
</li>
<li class="buttons w-100 d-flex justify-content-center">
<a class="d-inline-block w-100" href="javascript:verbosal(this);">
<input class="btn pull-left mt_10 btn-primary btn-rounded w-100" value="Revisar la bolsa" type="submit">
</a>
<!-- <a class="d-inline-block" href="#"> -->
<input hidden type="button" id="btnPasaCaja" class="btn pull-right mt_10 btn-primary btn-rounded w-100" value="Pasar por caja">
</li>
</ul>
<center id="idcartx" style="color:#fff"></center>
</div>
</div>
<div class="logo margin_custom__logo_mobile ml-md-3 ">
<a href="/"><img src="https://credito.zonia.com.pe/tienda/assets/img/logo_zonia/LOGO_NEGRO_ZONIA.png" alt="NatureCircle"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<input type="text" hidden id="uniqueIdCart"><main>
<link rel="stylesheet" href="https://credito.zonia.com.pe/tienda/assets/css/embla.css">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="slider-wrapper my-40 my-sm-25 float-left w-100">
<!--
<div class="d-block w-100 bg-dark text-center text-white">
<div class="w-100">
<div class="container bg-dark w-auto text-white w-100 pt-2 d-flex justify-content-center flex-wrap">
<p class="mb-0 mt-3 mr-2 text-center" style="line-height: 1;">Estas ofertas terminan en: </p>
<p class="mb-0 mt-2 mr-1 pt-1 bg-white text-dark" style="border-radius:10px; width:40px; font-weight: bold; font-size: 1.1rem; border: black 0px solid;" id="days"></p>
<p class="mb-0 mt-2 mr-1 pt-1 bg-white text-dark" style="border-radius:10px; width:40px; font-weight: bold; font-size: 1.1rem; border: black 0px solid;" id="hours"></p>
<p class="mb-0 mt-2 mr-1 pt-1 bg-white text-dark" style="border-radius:10px; width:40px; font-weight: bold; font-size: 1.1rem; border: black 0px solid;" id="mins"></p>
<p class="mb-0 mt-2 mr-1 pt-1 bg-white text-dark" style="border-radius:10px; width:40px; font-weight: bold; font-size: 1.1rem; border: black 0px solid;" id="secs"></p>
<h6 id="end" style="line-height: 2;"></h6>
</div>
<div class="w-100 bg-dark w-auto text-white d-flex justify-content-center flex-wrap">
<p class="mb-0 mt-0 mr-2 text-center" style="width:190px; line-height: 1;"> </p>
<p style="width:40px; font-size:8px;" >Dias<p>
<p style="width:50px; font-size:8px;" >Horas<p>
<p style="width:40px; font-size:8px;" >Minutos<p>
<p style="width:60px; font-size:8px;" >Segundos<p>
</div>
</div>
</div>
-->
<div class="ttloading-bg"></div>
<div class="slider slider-for owl-carousel d-none d-md-block">
<div>
<a href="#">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/E COMMERCE BANNER DENIM VERSION COMPUTADORA_.webp?c82023A" alt="" />
</a>
<div class="slider-content-wrap center effect_bottom position__desktop1">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('ZDAYS','dama')">COMPRAR</a>
</div>
</div>
</div>
</div>
<div class="slider__mobile slider-for owl-carousel d-block d-md-none">
<div>
<a href="#">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/E COMMERCE BANNER DENIM VERSION CELL.webp?c82023A" alt="" />
</a>
<div class="slider-content-wrap center effect_bottom position__mobile1">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('ZDAYS','dama')">COMPRAR</a>
</div>
</div>
</div>
</div>
<div class="container-fluid d-none d-md-block mt-4">
<div class="row">
<div class="col-3 categoria__container_2">
<a href="javascript:fnbuscar('Carte','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/carteras_ecommerce.png?c11" alt="" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Carteras</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="col-3 categoria__container_2">
<a href="javascript:fnbuscar('Bivid','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/bividis_ecommerce.png?c11" alt="" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Bividis</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="col-3 categoria__container_2">
<a href="javascript:fnbuscar('Short','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/shorts_ecommerce.png?c11" alt="" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Shorts</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="col-3 categoria__container_2">
<a href="javascript:fnbuscar('Polos','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/polos_ecommerce.png?c11" alt="" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Polos</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
</div>
</div>
<section class="sandbox__carousel d-md-none mt-4 ml-0">
<div class="embla ">
<div class="embla__viewport">
<div class="embla__container">
<div class="embla__slide categoria__container_2">
<div class="embla__slide__number"><span>1</span></div>
<a href="javascript:fnbuscar('Carte','dama')">
<img class="embla__slide__img" src="https://credito.zonia.com.pe/tienda/assets/img/banners/carteras_ecommerce.png?c11" alt="Carteras" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Carteras</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="embla__slide categoria__container_2">
<div class="embla__slide__number"><span>2</span></div>
<a href="javascript:fnbuscar('Bivid','dama')">
<img class="embla__slide__img" src="https://credito.zonia.com.pe/tienda/assets/img/banners/bividis_ecommerce.png?c11" alt="Your alt text" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Bividis</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="embla__slide categoria__container_2">
<div class="embla__slide__number"><span>3</span></div>
<a href="javascript:fnbuscar('Short','dama')">
<img class="embla__slide__img" src="https://credito.zonia.com.pe/tienda/assets/img/banners/shorts_ecommerce.png?c11" alt="Your alt text" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Shorts</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
<div class="embla__slide categoria__container_2">
<div class="embla__slide__number"><span>4</span></div>
<a href="javascript:fnbuscar('Polos','dama')">
<img class="embla__slide__img" src="https://credito.zonia.com.pe/tienda/assets/img/banners/polos_ecommerce.png?c11" alt="Your alt text" />
<p class="text-center text-uppercase underline_hover fs__title-carousel">Polos</p>
<p class="text-center text-uppercase fs__subtitle-carousel">Comprar ahora</p>
</a>
</div>
</div>
</div>
<button class="embla__button embla__button--prev d-none" disabled="">
<svg class="embla__button__svg" viewBox="137.718 -1.001 366.563 644">
<path d="M428.36 12.5c16.67-16.67 43.76-16.67 60.42 0 16.67 16.67 16.67 43.76 0 60.42L241.7 320c148.25 148.24 230.61 230.6 247.08 247.08 16.67 16.66 16.67 43.75 0 60.42-16.67 16.66-43.76 16.67-60.42 0-27.72-27.71-249.45-249.37-277.16-277.08a42.308 42.308 0 0 1-12.48-30.34c0-11.1 4.1-22.05 12.48-30.42C206.63 234.23 400.64 40.21 428.36 12.5z"></path>
</svg>
</button>
<button class="embla__button embla__button--next d-none" disabled="">
<svg class="embla__button__svg" viewBox="0 0 238.003 238.003">
<path d="M181.776 107.719L78.705 4.648c-6.198-6.198-16.273-6.198-22.47 0s-6.198 16.273 0 22.47l91.883 91.883-91.883 91.883c-6.198 6.198-6.198 16.273 0 22.47s16.273 6.198 22.47 0l103.071-103.039a15.741 15.741 0 0 0 4.64-11.283c0-4.13-1.526-8.199-4.64-11.313z"></path>
</svg>
</button>
</div>
<div class="embla__dots"></div>
</section>
<div class="slider slider-for owl-carousel d-none d-md-block mt-4">
<div>
<a href="#">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/party_ecommerce.png?c11" alt="" />
</a>
<div class="slider-content-wrap center effect_bottom position__party_desktop">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('')">COMPRAR</a>
</div>
</div>
<!--
<div class="slider-content-wrap center effect_bottom">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('')">Quiero ver todo</a>
</div>
</div>
-->
</div>
</div>
<div class="slider__mobile slider-for owl-carousel d-block d-md-none mt-4">
<div>
<a href="#">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/party_ecommerce_mobile.png?c11" alt="" />
</a>
<div class="slider-content-wrap center effect_bottom position__mobile bottom_party">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('')">VER NOVEDADES</a>
</div>
</div>
<!--
<div class="slider-content-wrap center effect_bottom">
<div class="slider-button text-uppercase float-left w-100">
<a class="btn" href="javascript:fnbuscar('')">Quiero ver todo</a>
</div>
</div>
-->
</div>
</div>
<div class="main-content">
<!-- <div id="hometab" class="home-tab my-40 my-sm-25 bottom-to-top hb-animate-element"> -->
<div id="hometab" class="home-tab my-40 my-sm-25 bottom-to-top">
<div class="container">
<div id="main">
<div id="ttcmsbanner" class="ttcmsbanner my-40 my-sm-25">
<div class="ttbannerblock container text-center">
<div class="row">
<div class="ttbanner1 ttbanner col-sm-6 col-xs-6">
<div class="ttbanner-img">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/banner_mujer.png" alt="banner-04">
<a href="javascript:fnbuscar('dama','dama')">
<div class="slider-content-wrap center effect_bottom position__mobile">
<div class="slider-button text-uppercase float-left w-100">
<a href="javascript:fnbuscar('dama','dama')">DAMA</a>
</div>
</div>
</a>
</div>
</div>
<!-- <div class="ttbanner2 ttbanner col-sm-6 col-xs-6 left-to-right hb-animate-element"> -->
<div class="ttbanner2 ttbanner col-sm-6 col-xs-6 left-to-right ">
<div class="ttbanner-img m-0">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/banner_herf.png" alt="cms-05">
<a href="javascript:fnbuscar('caballe','caballe')">
<div class="slider-content-wrap center effect_bottom position__mobile">
<div class="slider-button text-uppercase float-left w-100">
<a href="https://www.herf.com.pe/" target="_blank">HOMBRE</a>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<section class="my-4">
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3 categoria__container">
<a href="javascript:fnbuscar('Vesti','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/categoria_vestidos.png" alt="">
<p class="text-center text-uppercase mt-3 fs__title-carousel fs__second-title">Vestidos</p>
</a>
</div>
<div class="col-xs-6 col-md-3 categoria__container">
<a href="javascript:fnbuscar('Panta','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/categoria_pantalon.png" alt="">
<p class="text-center text-uppercase mt-3 fs__title-carousel fs__second-title">Pantalones</p>
</a>
</div>
<div class="col-xs-6 col-md-3 categoria__container">
<a href="javascript:fnbuscar('Blusa','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/categoria_blusas.png" alt="">
<p class="text-center text-uppercase mt-3 fs__title-carousel fs__second-title">Blusas</p>
</a>
</div>
<div class="col-xs-6 col-md-3 categoria__container">
<a href="javascript:fnbuscar('Lente','dama')">
<img src="https://credito.zonia.com.pe/tienda/assets/img/banners/categoria_lentes.png" alt="">
<p class="text-center text-uppercase mt-3 fs__title-carousel fs__second-title">Lentes</p>
</a>
</div>
</div>
</div>
</section>
<!-- Banner wsp -->
<!--
<section>
<div class="container banner__whatsapp">
<h6 class="banner__whatsapp__text"> <br class="d-md-none">
<p class="d-block d-md-inline ">Consúltanos, compra o pÃdenos consejo ¡por WhatsApp! </p><a href="https://wa.me/51975940374?text=Hola Zonia%0AEscribo desde la tienda web:%0A" class="text-white">Infórmate aquÃ</a>
</h6>
</div>
</section>
-->
<div id="ttbrandlogo" class="my-40 my-sm-25 bottom-to-top hb-animate-element d-none">
<div class="container">
<div class="tt-brand owl-carousel">
<div class="item">
<a href="#"><img class="logo__size" src="https://credito.zonia.com.pe/tienda/assets/img/logo_marcas/logo_marcas_01.png" alt="logo_marcas_01"></a>
</div>
<div class="item">
<a href="#"><img class="logo__size" src="https://credito.zonia.com.pe/tienda/assets/img/logo_marcas/logo_marcas_02.png" alt="brand-logo-02"></a>
</div>
<div class="item">
<a href="#"><img class="logo__size" src="https://credito.zonia.com.pe/tienda/assets/img/logo_marcas/logo_marcas_03.png" alt="brand-logo-03"></a>
</div>
<div class="item">
<a href="#"><img class="logo__size" src="https://credito.zonia.com.pe/tienda/assets/img/logo_marcas/logo_marcas_04.png" alt="brand-logo-04"></a>
</div>
<div class="item">
<a href="#"><img class="logo__size" src="https://credito.zonia.com.pe/tienda/assets/img/logo_marcas/logo_marcas_05.png"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-100 banner__whatsapp">
<h6 class="banner__whatsapp__text"> <br class="d-md-none">
<p class="d-block d-md-inline ">Consúltanos, compra o pÃdenos consejo ¡por WhatsApp! </p><a href="https://wa.me/51975940374?text=Hola Zonia%0AEscribo desde la tienda web:%0A" class="text-white">Infórmate aquÃ</a>
</h6>
</div>
</main>
<script>
var countDownDate = new Date("2023-04-24 23:59:59").getTime();
// Run myfunc every second
/*
var myfunc = setInterval(function() {
var now = new Date().getTime();
var timeleft = countDownDate - now;
// Calculating the days, hours, minutes and seconds left
var days = Math.floor(timeleft / (1000 * 60 * 60 * 24));
var hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((timeleft % (1000 * 60)) / 1000);
// Result is output to the specific element
document.getElementById("days").innerHTML = days //+ "d "
document.getElementById("hours").innerHTML = hours //+ "h "
document.getElementById("mins").innerHTML = minutes //+ "m "
document.getElementById("secs").innerHTML = seconds //+ "s "
// Display the message when countdown is over
if (timeleft < 0) {
clearInterval(myfunc);
document.getElementById("days").innerHTML = ""
document.getElementById("hours").innerHTML = ""
document.getElementById("mins").innerHTML = ""
document.getElementById("secs").innerHTML = ""
document.getElementById("end").innerHTML = "TIME UP!!";
}
}, 1000);
*/
</script><!-- Footer -->
<!-- Politicas de la empresa -->
<section class="container">
<div class="row my-5">
<div class="col-sm-12 col-md-7 d-flex align-items-center align-content-center">
<div class="row w-100">
<div class="col-sm-12 col-md-4">
<h1 class="text-center">
<i class="material-icons polices__icons">
local_shipping
</i>
</h1>
<p class="text-center polices__title">EnvÃo gratis</p>
<p class="text-center">EnvÃos gratis por compras mayores a S/ 250 a todo Perú</p>
</div>
<div class="col-sm-12 col-md-4">
<h1 class="text-center">
<i class="material-icons polices__icons">
published_with_changes
</i>
</h1>
<p class="text-center polices__title">Devoluciones</p>
<p class="text-center">Podrás devolver tus compras en un periodo de 15 dÃas.</p>
</div>
<div class="col-sm-12 col-md-4">
<h1 class="text-center">
<i class="material-icons polices__icons">
shield
</i>
</h1>
<p class="text-center polices__title">Seguridad</p>
<p class="text-center">Los pedidos se enviarán en sus bolsas originales para minimizar el contacto.</p>
</div>
</div>
</div>
<div class="d-block col-sm-12 col-md-1">
<div class="separador__footer" ></div>
</div>
<div class="col-sm-12 col-md-4">
<div class="row justify-content-end">
<div class="col-sm-12 col-md-11 col-xl-6 mt-4">
<p class="text-left polices__title mb-1">¿Necesitas ayuda?</p>
<p class="text-left">Nuestro equipo de atención al cliente está disponible para lo que necesites.</p>
<div class="d-flex align-items-center align-content-center mt-5 mb-1">
<a href="https://bit.ly/ZONIAPERU" target="_blank" class="facebook_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"></path>
</svg>
</a>
<p class="text-left polices__title m-0 pl-1">Chat</p>
</div>
<div class="d-flex align-items-center align-content-center">
<i class="material-icons">call</i>
<p class="text-left polices__title m-0 pl-1">
(01) 5120230</p>
</div>
</div>
<div class="col-sm-12 col-md-11 col-xl-6 my-5">
<p class="text-left polices__title mb-1"> <i class="fas fa-whatsapp"></i> ¿Dónde está mi pedido?</p>
<div class="d-flex align-items-center align-content-center mb-1">
<a href="https://bit.ly/ZONIAPERU" target="_blank" class="facebook_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"></path>
</svg>
</a>
<p class="text-left polices__title m-0 pl-1">Seguir mi pedido</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="w-100 bg-danger py-3 mt-4">
<h1 class="fw-bold text-white text-center sizes_titles_suscribe ">SuscrÃbete y obtén el 15% dscto.</h2>
<div class="d-flex flex-wrap justify-content-center align-items-center align-content-center">
<p class="text-white m-0 sizes_subtitles_suscribe">Además entérate de novedades y descuentos exclusivos.</p> <button id='btnsuscribir' class="btn slider-button ml-2 btn_padding_movil" style="font-weight:600; color:black;">Suscribirme</button>
</div>
</div>
<footer class="page-footer font-small footer3">
<!-- Anuncio desde lados -->
<div class="d-none announcement-container size-md announcement-bottom " id="pruebaPopUpBottom">
<div class="announcement-header">
<h6>Titulo</h6><span class="close-announcement">×</span>
</div>
<div class="announcement-prb">
<h6>holaaa</h6>
</div>
</div>
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-3 footer-cms footer-column footer-left d-lg-flex d-lg-block align-items-center">
<div class="ttcmsfooter">
<div class="footer-logo">
<img src="https://credito.zonia.com.pe/tienda/assets/img/logo_zonia/LOGO_BLANCO_ZONIA.png" alt="footer-logo">
</div>
<div class="footer-desc">VYD CORPORACION PERU.<br>GRUPO PRECOTEX.</div>
<div class="social-sharing float-left w-100">
<ul class="d-lg-flex d-xs-block">
<li class="facebook">
<a href="https://www.facebook.com/CatalogoZonia" target="_blank" class="facebook_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M11.344,5.71c0-0.73,0.074-1.122,1.199-1.122h1.502V1.871h-2.404c-2.886,0-3.903,1.36-3.903,3.646v1.765h-1.8V10h1.8v8.128h3.601V10h2.403l0.32-2.718h-2.724L11.344,5.71z"></path>
</svg>
</a>
</li>
<li class="twitter">
<a href="https://www.instagram.com/zonia_peru/" target="_blank" class="twitter_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg>
</a>
</li>
<li class="google">
<a href="https://www.tiktok.com/@zonia.peru" target="_blank" class="google_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"></path>
</svg>
</a>
</li>
<li class="pinterest">
<a href="https://www.youtube.com/c/ZONIAPERU" target="_blank" class="pinterest_link">
<svg class="svg-icon" viewBox="0 0 20 20" width="20px" height="20px">
<path fill="#666" d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-9 footer-column footer-right">
<div class="col-sm-12 footer-column newsletter float-left p-0">
<!-- <div class="block-newsletter">
<div class="parallax" style="background-image: url("undefined"); background-position: 50% 49.4179%;">
<div class="container">
<p>Puntos de Recojo</p>
<ul>
<li>Oficina V&D <br>AV. Industrial Nro. 288 - Urb.Industrial La Aurora - Ate - Lima - Lima - PERÚ</li>
<li>PRECOTEX - Ate <br>Av. Santa MarÃa 296 - Ate Vitarte-Lima-Perú</li>
<li>PRECOTEX - Huachipa <br>Calle Los Cedros Mz. D - Lt. 10 Urb. La Capitana - Huachipa Lurigancho - Lima PERÚ</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<!-- Copyright -->
<div class="footer-bottom-wrap">
<div class="container">
<div class="row">
<div class="footer-copyright text-center py-3">
© 2022 - Departamento de Sistemas V&D
</div>
</div>
</div>
</div>
<a href="#" id="goToTop" title="Volver Arriba" class="btn-primary show"><i class="material-icons arrow-up">keyboard_arrow_up</i></a>
</footer>
<!-- Footer -->
<!-- <div class="alert text-center cookiealert" role="alert">
<b>Do you like cookies?</b> We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/">Learn more</a>
<button type="button" class="btn btn-primary btn-sm acceptcookies" aria-label="Close">
I agree
</button>
</div> -->
<!-- Register modal -->
<div class="modal fade" id="mdSubscribe" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content mdCupon--bg-color">
<div class="modal-header border-0 py-0 text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="text-white" aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<h4 class="text-center text-white">¡SUSCRIBETE!</h4>
<p class="text-center text-white">Recibe el 15% de descuento en tu primera compra.</p>
<div class="md-form">
<input type="email" class="form-control validate" placeholder="Ingresa tu correo">
</div>
<button class="btn btn-danger mt-4 rounded-0 w-100">Suscribirse</button>
</div>
</div>
</div>
</div>
<!-- Register o Login modal -->
<div class="modal fade modal-left" id="mdIdentificateSuscribete" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content ">
<div class="modal-header border-0 py-0 text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="row">
<div id="lg1" class="col-xs-12 col-md-6">
<h6 class="text-center">Identificate</h6>
<center id="spnMsjLogin" style="color:red"> </center>
<div class="row justify-content-center">
<div class="col-10 col-md-9 col-lg-8">
<div class="md-form mb-4">
<input type="email" id="inputEmail" class="form-control validate" placeholder="Tu email">
</div>
<div class="md-form mb-4">
<input type="password" id="inputPass" class="form-control validate" placeholder="Tu contraseña">
<ul style="font-size:9px">
<li>7 caracteres como mÃnimo</li>
<li>Incluir al menos una letra</li>
<li>Incluir al menos un numero</li>
</ul>
</div>
<button id="btnIdentificate" class="btn btn-secondary w-100" type="button">IDENTIFICATE</button>
<p></p>
<center><a href="#" id="btnrecpsw" > Recuperar tu contraseña.</a></center>
</div>
</div>
</div>
<div id="lg2" class="col-xs-12 col-md-6">
<h6 class="text-center">Crea tu cuenta</h6>
<center id="spnMsjRegister" style="color:red"> </center>
<div class="row justify-content-center">
<div class="col-10 col-md-9 col-lg-8">
<div class="md-form mb-4">
<input type="email" id="inputRegEmail" class="form-control validate" placeholder="Tu email">
</div>
<div class="md-form mb-4">
<input type="password" id="inputRegPass" class="form-control validate" placeholder="Tu contraseña">
</div>
<div class="md-form mb-4">
<input type="password" id="inputRegPassConfirm" class="form-control validate" placeholder="Confirmar contraseña">
<ul style="font-size:9px">
<li>7 caracteres como mÃnimo</li>
<li>Incluir al menos una letra</li>
<li>Incluir al menos un numero</li>
</ul>
</div>
<button id="btnRegistrate" class="btn btn-secondary w-100" type="button">REGISTRATE</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal valida Usuario Logeado -->
<div class="modal fade" id="mdIsLoged" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content mdCupon--bg-color">
<div class="modal-header border-0 py-0 text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span class="text-white" aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<h4 class="text-center text-white">Ya te encuentras loggeado!</h4>
</div>
</div>
</div>
</div>
<!-- Login Perfil -->
<div class="modal fade" id="modalPerfilForm" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-medium text-left">Opciones</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="md-form mb-4">
<a><i class="material-icons">person</i> Mi Cuenta</a>
</div>
<div class="md-form mb-4">
<a><i class="material-icons">check</i> Mis Compras</a>
</div>
<div class="md-form mb-4">
<a href="https://credito.zonia.com.pe/tienda/auth/logout/" ><i class="material-icons">check</i> Cerra sesion.</a>
</div>
</div>
</div>
</div>
</div>
<!-- Valida si está logeado el usuario, esto se usa en base a la sesión -->
<input style="background-color: yellow;" type="hidden" id="isLoged" name="isLoged" value="">
<input style="background-color: yellow;" type="hidden" id="swlogact" name="swlogact" value="">
<input style="background-color: yellow;" type="hidden" id="swpopact" name="swpopact" value="">
<!-- Login modal -->
<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-medium text-left">IdentifÃcate</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="md-form mb-4">
<input type="text" id="LoginForm-name" class="form-control validate" placeholder="correo">
</div>
<div class="md-form mb-4">
<input type="password" id="LoginForm-pass" class="form-control validate" placeholder="contraseña">
</div>
<div class="checkbox-link d-flex justify-content-between">
<div class="left-col">
<input type="checkbox" id="remember_me"><label for="remember_me">Recordar Acceso</label>
</div>
<!-- <div class="right-col"><a href="#">Forget Password?</a></div> -->
</div>
</div>
<div class="modal-footer d-flex justify-content-center">
<button class="btn btn-primary">Enviar</button>
</div>
</div>
</div>
</div>
<!-- product_view modal -->
<div class="modal fade product_view" id="product_view" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header" style="padding:0.1rem">
<h4 class="modal-title w-100w-100w-100 font-weight-bold d-none"><span id="estiloProductVR" style="font-size:0.75em;font-family:verdana;"></span></h4>
<button type="button" id="btnClosePRV" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body pt-0">
<div class="row">
<div class="col-md-6 left-columm">
<div id="containerLargeImgVR" class="product-large-image tab-content">
</div>
</div>
<div class="col-md-6 product_content">
<h4 class="product-title text-capitalize">
<span id="titleProductVR"></span>
<br>
</h4>
<div class="rating">
<div class="product-ratings d-inline-block align-middle">
<span class="fa fa-stack"><i class="material-icons">star</i></span>
<span class="fa fa-stack"><i class="material-icons">star</i></span>
<span class="fa fa-stack"><i class="material-icons">star</i></span>
<span class="fa fa-stack"><i class="material-icons">star</i></span>
<span class="fa fa-stack"><i class="material-icons">star</i></span>
</div>
</div>
<span class="description float-left w-100"></span>
<h3 class="price float-left w-100"><span class="regular-price align-middle" id="spanFinalPrice"></span><span class="old-price align-middle" id="spanOldPrice"></span></h3>
<div class="product-variants float-left w-100 p-0">
<div class="color-option d-flex align-items-center mb-3">
<h5>color :</h5>
<ul class="color-categories" id="ulColoresVR">
<li class="">
<label class="m-0" for="_rdvr"><input id="_rdvr" value="" type="radio" hidden name="inputColoresVR"><span class="badge badge-pill"></span>
</label>
</li>
</ul>
</div>
<div class="color-option d-flex align-items-center mb-3">
<h5>Tallas:</h5>
<ul class="color-categories" id="ulTallasVR">
<li class="">
<label class="m-0" for="_rdvr"><input id="_rdvr" value="" type="radio" hidden name="inputTallasVR"><span class="badge badge-pill"></span>
</label>
</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 size-options d-flex align-items-center">
</div>
</div>
<div class="align-items-center p-3 bg-danger d-none mb-2" id="containerMsjFailFindSearch">
<h5 class="text-white m-0 text-center" id="msjFailFindSearch"></h5>
</div>
<div class="btn-cart d-flex align-items-center float-left w-100 flex-wrap justify-content-center">
<h5>Cant:</h5>
<input value="1" type="number" id="inputCantVR" min="0" oninput="this.value =
!!this.value && Math.abs(this.value) >= 0 ? Math.abs(this.value) : 1">
<button id="btnAgregarProductoVR" type="button" class="btn btn-primary mt-3 mt-md-0">Agregar a la bolsa</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- product_view modal -->
<div class="modal fade " id="mdCupon" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content mdCupon--bg-color">
<div class="modal-header border-0 py-0">
<h4 class="modal-title w-100w-100w-100 font-weight-bold d-none"><span id="estiloProductVR" style="font-size:0.75em;font-family:verdana;"></span></h4>
<button type="button" id="btnClosePRV" class="close" data-dismiss="modal" aria-label="Close">
<span class="text-white" aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<h4 class="text-center text-capitalize text-white">¡PREMIAMOS TU PRIMERA COMPRA!</h4>
<h5 class="text-center text-white">Suscribete y recibe</h5>
<h1 class="text-center text-capitalize text-danger my-2">15% DSCTO.</h1>
<input class="w-100" type="text" id="txRegisteremail" placeholder="tu correo electronico">
<button class="btn btn-danger rounded-0 w-100 my-3" id="btnsuscribirse"> CONTINUAR </button>
<p class="text-white text-center">El descuento será válido para compras en <a class="mdCupon-link" href="https://tienda.zonia.com.pe/" target="_blank">tiendazonia.com.pe</a></p>
<p class="text-white text-center">Al suscribirse declara conocer y aceptar las <a class="mdCupon-link" href="#">PolÃticas de Privacidad</a> </p>
</div>
</div>
</div>
</div>
<!-- cart-pop modal -->
<div class="compare-wrapper float-left w-100">
<div class="compare-inner d-flex align-items-center p-20">
<span class="close"><i class='material-icons'>
close
</i></span>
<div class="col-xs-12 col-sm-2 col-md-3 float-left d-flex align-items-center flex-column compare-left">
<h2>compare products</h2>
<div class="compare-btn">show all</div>
</div>
<div class="col-xs-12 col-sm-10 col-md-9 d-flex float-left align-items-center compare-right">
<div class="compare-close-btn"></div>
<div class="compare-products d-flex col-sm-7 col-lg-5">
<div class="row">
</div>
</div>
<div class="buttons col-sm-5 col-lg-2">
<div class="clear-btn btn btn-primary float-left w-100 mb-15">clear</div>
<a href="compare.html" class="compare-btn btn btn-primary float-left w-100">compare</a>
</div>
</div>
</div>
</div>
<div class="position-fixed right__bottom m-0 alert alert-warning alert-dismissible fade" role="alert" id="alert_product">
<strong id="title_positive_alert">Agregando articulo <div class="lds-dual-ring"></div></strong>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="position-fixed center__fixed alert alert-danger alert-dismissible fade d-none" role="alert" id="alert_error">
<p class="m-0 fw-bold" id="alert_msj_error">Error</p>
<!-- <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button> -->
</div>
<!-- Inputs de manejo de datos -->
<input type="text" hidden id="numDoc" value="">
<input type="text" hidden id="userId" value="">
<input type="text" hidden id="base_url_images_productos" value="https://intranet.zonia.com.pe/intranet/user/estilos/">
<!-- Inputs de manejo de datos -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/jquery.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/bootstrap.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/owl.carousel.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/custom.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/parallax.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/jquery-ui.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/lightbox-2.6.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/ResizeSensor.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/theia-sticky-sidebar.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/inview.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/cookiealert.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/jquery.countdown.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/masonry.pkgd.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/imagesloaded.pkgd.min.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main_script/jquery.zoom.min.js"></script>
<!-- Escripts propios -->
<script> var base_url ="https://credito.zonia.com.pe/tienda/" </script><script src="https://credito.zonia.com.pe/tienda/assets/plugins/axios.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/plugins/embla-carousel.js"></script>
<script src="https://credito.zonia.com.pe/tienda/assets/js/main.js?12.01"></script>
<!-- Escripts propios -->
<!-- <script src="https://cdn.jsdelivr.net/npm/page-flip/dist/js/page-flip.browser.min.js"></script> -->
<script src='https://credito.zonia.com.pe/tienda/assets/plugins/arrows-dots-buttons.js'></script><script src='https://credito.zonia.com.pe/tienda/assets/plugins/button-instancia.js'></script></body>
</html>